.headDiv {
    height: 3.75rem;
    display: flex;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
}

.arrow-img {
    width: 0.38rem;
    height: 0.69rem;
    margin-left: 0.31rem;
}
.head-title {
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
}

.head-right {
    height: 0.81rem;
    font-size: 0.81rem;
    font-weight: 400;
    color: #7e838c;
    display: flex;
    align-items: center;
}

.list-bg {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    justify-content: space-between;
    display: flex;
    background-color: transparent;
}

.item-bg {
    margin-right: 0.5rem;
    width: 8.75rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    box-shadow: 0rem 0.19rem 1.25rem 0rem rgba(37, 38, 41, 0.08);
    border-radius: 0.75rem;
    // align-items: center;
}

.item-img {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 0.25rem;
}

.btn {
    height: 2.13rem;
    background: linear-gradient(90deg, #f6d8ad 0%, #f0bf7a 100%);
    border-radius: 1.06rem;
    padding: 0.5rem 1.25rem;
    margin-bottom: 1.25rem;
}

.label {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    margin-bottom: 0.38rem;
}
.content {
    font-size: 0.69rem;
    font-weight: 400;
    color: #7e838c;
    margin-bottom: 0.87rem;
}
